<!DOCTYPE html>
<html>
	<head >
		<meta charset="utf-8">
		<meta name="description" content="秒聘网，中国最大的产品经理招聘平台，人人都是产品经理社区旗下招聘平台。" />
		<meta name="keywords" content="秒聘、秒聘网、产品经理招聘、招聘产品经理、产品经理求职、产品经理、百度产品经理、腾讯产品经理、阿里产品经理" />
		<title>登录-秒聘网-产品经理招聘，免费、专注、极速</title>
		<link type="text/css" rel="stylesheet" href="/static/css/login.css" />
		<link rel="shortcut icon" href="/static/images/favicon.ico">
<link rel="icon" type="image/png" href="/static/images/favicon.ico">
<link type="text/css" rel="stylesheet" href="/static/css/global.css" />
<link type="text/css" rel="stylesheet" href="/static/css/asyncbox.css" />
<link type="text/css" rel="stylesheet" href="/static/css/front.css" />
<link type="text/css" rel="stylesheet" href="/static/css/main_2.0.css" />


		<script type="text/javascript" src="/static/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/static/js/utils.js"></script>
<script type="text/javascript" src="/static/js/AsyncBox.v1.4.js"></script>
<script type="text/javascript" src="/static/js/common/common.js"></script>


	</head>
<body class="body-login">
<div class="loginbj">
<div class="wrapper">

	<div class="m-login is-login">
		<div class="formArea">
			<form method="post" action="/account/post" name="aform" id="aform">
				<input type="hidden" name="furl" value=""/>
			<div class="m-from">
				<div class="item item-custips">
					<span class="form-tips form-tips-error"></span>
				</div>
				<div class="item">
					<div class="m-ipt-txt">
						<input class="ipt-txt ipt-txt-mail" type="text" id="account"  onkeydown="javaScript:if(event.keyCode == 13){signUp();}"  placeholder="邮箱" name="email" maxlength="50" value=""/>
					</div>
				</div>
				<div class="item">
					<div class="m-ipt-txt">
						<input class="ipt-txt ipt-txt-pwd" type="password" id="pwd" onkeydown="javaScript:if(event.keyCode == 13){signUp();}" placeholder="密码" name="password"  maxlength="30"/>
					</div>
				</div>
				<div class="item">
					<input type="hidden" value="1" name="overtime" id="overtimeInput"/>
					<span class="m-ckbox m-ckbox-checked" id="overtimeDiv">7天免登录</span>
					<a href="/account/2vEmail.html">忘记密码了？</a>
				</div>
				<div class="item item-submit">
					<a class="btn_blueA"  href="javascript:;" onclick="signUp();">立即登录</a>
					<span class="form-tips">没有账号？<a href="/home/regedit">立即注册</a></span>
				</div>
			</div>
			</form>
		</div>
		<div class="logoArea">
			<a class="logo" href="/">秒聘网 www.zhaopins.com</a>
		</div>
	</div>
</div>
</div>
<!--云滚动-->
<div id=demo class="cloud-pic">
<table align="left" cellpadding="0" cellspace="0" border="0">
	<tr>
		<td id=demo1 valign=top><img src="/static/images/cloud-bj.png" /><img src="/static/images/cloud-bj.png" /></td>
		<td id="demo2" valign="top"></td>
	</tr>
</table>
</div>

<script>
  var speed=60
  demo2.innerHTML=demo1.innerHTML
  function Marquee(){
  if(demo2.offsetWidth-demo.scrollLeft<=0)
  demo.scrollLeft-=demo1.offsetWidth
  else{
  demo.scrollLeft++
  }
  }
  var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {clearInterval(MyMar)}
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>
  <!--云滚动-->
<script>
	//交互demo
	$(".m-ipt-txt").bind({
		click:function(){
			var _this = $(this),
			ipt_txt = _this.find(".ipt-txt"),
			ipt_tips = _this.find(".ipt-tips");
			$(".form-tips-error").html("");

			ipt_tips.hide();
			ipt_txt.focus();
			ipt_txt.bind({
				blur:function(w){
					if($(this).val() == ""){
						ipt_tips.show();
					}
					$(this).unbind("blur");
				}
			});
		}
	});

	//7天免验证
	 $("#overtimeDiv").click(function() {
		  if($(this).hasClass("m-ckbox-checked")){
		  		$(this).removeClass("m-ckbox-checked");
		  		$("#overtimeInput").val(0);
		  }else{
		  		$(this).addClass("m-ckbox-checked");
		  		$("#overtimeInput").val(1);
		  }
	  });

	function signUp(){
		var account = trim($("#account").val());
		var pwd = trim($("#pwd").val());
		if(!isEmail(account)){
			$(".form-tips-error").html("请填写有效邮箱");
			return;
		}
		if((pwd.length<6||pwd.length>30)){
			$(".form-tips-error").html("密码长度请控制在6-30位字符以内");
			return;
		}
		$("#aform").submit();
	}

</script>
</body>
</html>
